<template>
  <div class="tag-wrapper">
    <p class="title">
      <span class="icon"></span>
      <span class="text">{{ tag }}</span>
    </p>
  </div>
</template>

<script>
export default {
  name: 'DetailTag',
  props: ['tag']
}
</script>

<style scoped lang="stylus">
.tag-wrapper
  .title
    display flex
    height 35px
    line-height 35px
    .icon
      width 3px
      height 14px
      background $main_color
      border-radius 5px
      margin-top 10.5px
    .text
      flex 1
      font-weight 700
      color $main_color
      padding-left 5px
      font-size 14px
</style>
